<template>
  <!-- 普通iconfont图标 -->
  <span class="vc-inline-block">
    <svg class="icon vc-inline-block" aria-hidden="true">
      <use :xlink:href="'#icon-' + name"></use>
    </svg>
  </span>
</template>
<script lang="ts" setup>
defineProps({
  name: {
    required: true,
    type: String,
  },
});
</script>
<style>
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>
